{# 设置框 #}
<div id="ace-settings-container" class="ace-settings-container">
    <div id="ace-settings-btn" class="ace-settings-btn btn btn-app btn-xs btn-info">
        <i class="ace-icon fa fa-cog bigger-150"></i>
    </div>

    <div id="ace-settings-box" class="ace-settings-box clearfix">
        <div class="pull-left width-50">
            <!-- #section:settings.skins -->
            <div class="ace-settings-item">
                <div class="pull-left">
                    <select class="hide" id="skin-colorpicker">
                        <option value="#438EB9" data-skin="no-skin">#438EB9</option>
                        <option value="#222A2D" data-skin="skin-1">#222A2D</option>
                        <option value="#C6487E" data-skin="skin-2">#C6487E</option>
                        <option value="#D0D0D0" data-skin="skin-3">#D0D0D0</option>
                    </select>
                </div>
                <span>&nbsp; 皮肤颜色</span>
            </div>

            <!-- /section:settings.skins -->

            <!-- #section:settings.navbar -->
            <div class="ace-settings-item">
                <input type="checkbox" id="ace-settings-navbar" class="ace ace-checkbox-2" checked>
                <label for="ace-settings-navbar" class="lbl"> 固定导航</label>
            </div>

            <!-- /section:settings.navbar -->

            <!-- #section:settings.sidebar -->
            <div class="ace-settings-item">
                <input type="checkbox" id="ace-settings-sidebar" class="ace ace-checkbox-2" checked>
                <label for="ace-settings-sidebar" class="lbl"> 固定菜单</label>
            </div>

            <!-- /section:settings.sidebar -->

            <!-- #section:settings.container -->
            <div class="ace-settings-item">
                <input type="checkbox" id="ace-settings-add-container" class="ace ace-checkbox-2">
                <label for="ace-settings-add-container" class="lbl">
                    固定页面宽度
                </label>
            </div>

            <!-- /section:settings.container -->
        </div><!-- /.pull-left -->

        <div class="pull-left width-50">
            <!-- #section:basics/sidebar.options -->
            <div class="ace-settings-item">
                <input type="checkbox" id="ace-settings-hover" class="ace ace-checkbox-2">
                <label for="ace-settings-hover" class="lbl"> 子菜单鼠标滑过显示</label>
            </div>

            <div class="ace-settings-item">
                <input type="checkbox" id="ace-settings-compact" class="ace ace-checkbox-2">
                <label for="ace-settings-compact" class="lbl"> 压缩菜单</label>
            </div>

            <!-- /section:basics/sidebar.options -->
        </div><!-- /.pull-left -->
    </div>
</div>
<script>
    //默认让其选中
    ace.settings.navbar_fixed(true, true);
    ace.settings.sidebar_fixed(true, true);
</script>